<!DOCTYPE html>
<html>
	<head>
		<title>Home</title>
		<!--bootstarp-css-->
		<link href="../css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!--/bootstarp-css -->
		<!--css-->
		<link rel="stylesheet" href="../css/style.css" type="text/css" media="all" />
		<link href="../css/hover.css" rel="stylesheet" media="all">
		<!--领养-->
		<style>
			#search-top {
				z-index: 9999;
				background: #fff;
				padding: 10px;
			}

			#search-top .input-group-addon {
				border-radius: 0;
			}

			#loadLocation {
				border-right: none;
				color: #ff6735;
			}

			.panel-body {
				padding: 0 10px;
			}

			.panel-body .radio {
				padding-left: 30px;
			}

			label {
				font-weight: normal;
			}

			.page-container {
				width: 970px;
				margin: 10px auto;
			}

			.search-city {
				padding-right: 5px;
			}

			#addPost {
				margin-top: 80px;
			}

			#lingyang-list2 {
				margin: 10px 0;
			}

			#lingyang-list2 li,
			#lingyang-list3 li,
			#lingyang-list4 li,
			#lingyang-list5 li {
				background: #fff;
				padding: 10px;
				position: relative;
			}

			#lingyang-list2 a:hover {
				text-decoration: none;
			}

			#lingyang-list2 .media-heading {
				height: 30px;
				line-height: 30px;
				font-size: 16px;
				;
				overflow: hidden;
				margin-bottom: 10px;
			}

			#lingyang-list2 .address {
				color: #999;
			}

			#lingyangList_page .fabu-btn {
				margin-bottom: 10px;
			}

			#lingyangList_page .panel {
				margin-bottom: 10px;
			}

			.ly-cell-con .media-heading .btn {
				position: absolute;
				left: 5px;
			}

			.ly-cell-con .figure .btn {
				position: absolute;
			}

			.xs-button {
				margin: 10px 10px 0;
				width: auto;
			}

			/* 筛选标签卡 */
			.mobile-nav .filter {
				/* font 16 */
				background: #f4f4f4;
				width: 100%;
				z-index: 1;
			}

			.mobile-nav .filter li {
				/* font 14 */
				float: left;
				width: 25%;
				text-align: center;
				font-size: 0.875em;
				height: 39px;
				line-height: 39px;
				padding-bottom: 1px;
				border-right: 1px solid #e4e4e4;
				border-bottom: 1px solid #e4e4e4;
			}

			.mobile-nav .filter li:last-child {
				border-right: none;
			}

			.mobile-nav .filter li a {
				font-size: 14px;
				color: #333;
				display: block;
			}

			.mobile-nav ul {
				margin-bottom: 0;
			}

			.mobile-nav li.filter_active {
				padding-bottom: 0;
				border-bottom-width: 2px;
				border-bottom-color: #ff9900;
			}

			.mobile-nav .f_condition a {
				display: block;
				text-indent: -10%;
				height: 39px;
				line-height: 39px;
				padding-bottom: 1px;

				background: url() no-repeat 74% 50%;
				background-size: 6px 9px;
			}

			.mobile-nav .f_condition_act a {
				background-image: url();
			}

			.mobile-nav .param-check-box {
				padding: 10px;
				background: #fff;
			}

			.param-check-box {
				position: relative;
				border-bottom: 1px solid #f1f2f4;
				padding-left: 5px;
			}

			.param-check-box ul {
				padding-top: 10px;
				padding-bottom: 0;
				margin-bottom: 0;
			}

			.param-check-box ul>li {
				line-height: 35px;
				margin-bottom: 10px;
			}

			.param-check-box ul>li input[type="radio"] {
				display: none;
			}

			.param-check-box ul>li .active {
				background: #f1f2f4;
			}

			.param-check-box ul>li .radio-inline {
				border: 1px solid #ccc;
				padding: 0 10px;
			}

			.param-check-box .btn {
				text-shadow: none;
				line-height: 35px;
				padding: 0 12px;
				margin-right: 10px;
				background: #fff;
				box-shadow: none;
				border: 1px solid #ccc
			}

			.param-check-box .btn.active {
				background: #f1f2f4;
			}

			#pack_up {
				bottom: 10px;
				position: absolute;
				right: 10px;
			}

			@media screen and (max-width: 768px) {
				#lingyangList_page {
					padding: 0;
				}

				#lingyang-list2 {
					margin: 0;
				}

				.search-city {
					padding-right: 0;
				}

				#search-top {
					background: #f1f2f4;
					padding: 0 10px;
				}

				.w-box {
					background-color: #fff;
					margin: 10px auto;
					padding: 10px;
					width: 100%;
				}
			}
		</style>
		<!--/css-->
		<!-- 分页  内容 -->
		<style>
			.page-container a,
			.page-container a:hover {
				color: #0c8687;
				font-size: 14px;
				text-decoration: none;
			}

			.pagination>.active>a,
			.pagination>.active>span,
			.pagination>.active>a:hover,
			.pagination>.active>span:hover,
			.pagination>.active>a:focus,
			.pagination>.active>span:focus {
				z-index: 3;
				color: #fff;
				cursor: default;
				background-color: #0c8687;
				border-color: #0c8687;
			}

			.pagination>li>a {
				color: rgb(187, 187, 187);
			}

			.page-yl,
			.page-ys,
			.page-bzbk,
			.page-syhl,
			.page-xl {
				display: none;
			}

			.clearfix {
				list-style: none;
			}

			.clearfix li {
				width: 239px;
				float: left;
				margin: 18px 0 0 33px;
				position: relative;
			}

			.lidiv {
				width: 239px;
				height: 178px;
				position: relative;
				overflow: hidden;
				display: flex;
				display: flex;
				/* align-items: center; */
				justify-content: center;
			}

			.lidiv img {
				min-width: 100%;
				height: 100%;
				-webkit-flex-shrink: 0;
				flex-shrink: 0;
			}

			.txtdiv {
				text-align: center;
				margin-top: 8px;
				height: 40px;
				overflow: hidden;
			}

			.txtdiv a {
				display: inline-block;
				font-size: 18px;
				color: #222;
				line-height: 40px;
				position: relative;
			}

			/* 分页 */
			.pagination input {
				outline: none;
				border-radius: 4px;
				width: 50px;
				height: 36px;
				outline: none;
				border: 1px #DDDDDD solid;
				text-align: center;
			}

			#go-page,
			#go-page1,
			#go-page2,
			#go-page3,
			#go-page4,
			#go-page5 {
				border: 1px #0c8687 solid;
				color: #fff;
				background: #0c8687;
			}
		</style>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="Petcare Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free web designs for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<script src="../js/jquery.min.js"></script>
		<script src="../js/modernizr.custom.js"></script>
		<script src="../js/jquery-3.2.1.min.js"></script>
		<script src="../js/responsiveslides.min.js"></script>
		<script>
			$(function() {
				$("#slider2").responsiveSlides({
					auto: true,
					pager: true,
					speed: 300,
					namespace: "callbacks",
				});
			});
		</script>
	</head>
	<body>
		<!--header-->
		<div class="header">
			<div class="header-info">
				<div class="container">
					<div class="logo">
						<a href="index.html"><img src="../images/logo-pet.png" style="position: absolute;width: 330px;height: 262px;top: -60px;left: 280px;"/></a>
					</div>
					<div class="search-box">
						<form>
							<input type="text" name="s" class="textbox" placeholder="Search" required="">
							<input type="submit" value="">
						</form>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="header-bottom">
				<div class="menu">
					<span class="menu-info"> </span>
					<ul class="cl-effect-21">
						<li><a id="cwjs" class="active">宠物介绍</a></li>
						<li><a id="cwxl">宠物训练</a></li>
						<li><a id="cwyl">宠物医疗</a></li>
						<li><a id="cwys">宠物孕事</a></li>
						<li><a id="syhl">饲养护理</a></li>
						<li><a id="bzbk">病症百科</a></li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
		<!-- 宠物介绍 -->
		<div class="page-container  page-cwjs" style="position: relative;">
			<span class="label label-warning hidden-xs" style="position: absolute;top: 50px;left: 10px;">宠物介绍</span>
			<div class="row" id="lingyangList_page shop_list_page">
				<div class="col-md-12" style="margin-top: 10px;">
					<div class="pin-wrapper" style="height: 60px;">
						<div style="position: absolute;top: 35px;right: 25px;width: 400px;">
							<select name="type" id="desctype" class="form-control"
								style="width: 40%;display: inline-block;">
								<option value="0">请选择</option>
								<option value="1">猫</option>
								<option value="2">狗</option>
							</select>
							<input type="text" id="bname" class="input-success form-control"
								style="width: 40%;display: inline-block;">
							<button class="btn btn-info btn-sm" id="selectdesc" style="outline: none;">查询</button>
						</div>
					</div>
					<div style="margin-top:10px">
						<ul class="clearfix" id="petdesc-li">
							<!-- 	<li>
								<div class="lidiv">
									<a><img src="../images/3.jpg" alt="挪威猎鹿犬"></a>
								</div>
								<div class="txtdiv"><a href=""><em>挪威猎鹿犬</em></a></div>
							</li> -->
						</ul>

						<div class="clearfix" style="padding: 20px 0 0 0">
						</div>
						<div class="text-center hidden-xs" style="margin-left: 256px;">
							<ul class="pagination">
								<li class="active"><a href="javascript:void(0)" id="firstpage" title="首页">首页</a></li>
								<li><a href="javascript:void(0)" id="prevpage" title="上一页">上一页</a></li>
								<li><a href="javascript:void(0)" id="nextpage" title="下一页">下一页</a></li>
								<li><a href="javascript:void(0)" id="lastpage" title="最后一页">尾页</a></li>
								<li style="margin-left: 20px;">第<input type="text" id="pagenum" value="1" />页
									<input type="button" value="GO" id="go-page" style="" />
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--宠物训练-->
		<div class="page-container  page-xl" style="position: relative;">
			<span class="label label-warning hidden-xs" style="position: absolute;top: 50px;left: 10px;">宠物训练</span>
			<div class="row" id="lingyangList_page shop_list_page">
				<div class="col-md-9" style="margin-top: 10px;">
					<div class="pin-wrapper" style="height: 60px;">
						<div style="position: absolute;top: 35px;right: 25px;width: 400px;">
							<select name="type" id="xltype" class="form-control"
								style="width: 40%;display: inline-block;">
								<option value="0">请选择</option>
								<option value="1">猫</option>
								<option value="2">狗</option>
							</select>
							<input type="text" class="input-success form-control"
								style="width: 40%;display: inline-block;" id="xltitle">
							<button class="btn btn-info btn-sm" style="outline: none;" id="selectxl">查询</button>
						</div>
					</div>
					<div style="margin-top:10px">
						<ul class="media-list" id="lingyang-list2">
							<!-- <li class="media ly-cell-con">
								<a class="pull-left" href="AdoptDetails.html">
									<img src="../images/ad1.jpg" alt="我有一只蓝猫想找个好主人" style="width: 130px; height: 100px">
								</a>
								<div class="media-body">
									<a href="AdoptDetails.html">
										<h4 class="media-heading"> 网友惩罚犯错儿子，狗狗在旁边被吓得也不敢动</h4>
									</a>
									<div>
										<p style="height: 40px; overflow: hidden;font-size: 12px;">
											如果你的兄弟姐妹因为做错事被父母吵了，而当时你正好在场，你会不会觉得很尴尬呢！感觉随时父母的矛头都会对准自己，万一转移到自己的身上就不好了。所以做什么都会小心翼翼的！
										</p>
									</div>
									<div style="text-align: right;">
										<p style="font-size: 12px;color: #ccc;">2023-11-11</p>
									</div>
								</div>
							</li> -->
						</ul>
						<div class="clearfix" style="padding: 20px 0 0 0">
						</div>
						<div class="text-center hidden-xs" style="margin-left: 256px;">
							<ul class="pagination">
								<li class="active"><a href="javascript:void(0)" id="firstpage1" title="首页">首页</a></li>
								<li><a href="javascript:void(0)" id="prevpage1" title="上一页">上一页</a></li>
								<li><a href="javascript:void(0)" id="nextpage1" title="下一页">下一页</a></li>
								<li><a href="javascript:void(0)" id="lastpage1" title="最后一页">尾页</a></li>
								<li style="margin-left: 20px;">第<input type="text" id="pagenum1" value="1" />页
									<input type="button" value="GO" id="go-page1" style="" />
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-xs-12 hidden-xs hidden-sm">
					<div class="pin-wrapper" style="height: 852px;">
						<h4
							style="margin-top: 60px;color: #0c8687;width: 100%;height: 27px;border-bottom: 2px #ddd solid;">
							最新看点</h4>
						<style>
							.ul-news {
								list-style: none;
								font-size: 14px;
							}

							.ul-news p {
								margin: 10px 0;
							}
						</style>
						<div class="ul-news" id="petxl2">
							<p><span>1</span>狗狗在旁边被吓得也不敢动</p>
						</div>

					</div>
				</div>
			</div>
		</div>
		<!-- 宠物医疗 -->
		<div class="page-container  page-yl" style="position: relative;">
			<span class="label label-warning hidden-xs" style="position: absolute;top: 50px;left: 10px;">宠物医疗</span>
			<div class="row" id="lingyangList_page shop_list_page">
				<div class="col-md-9" style="margin-top: 10px;">
					<div class="pin-wrapper" style="height: 60px;">
						<div style="position: absolute;top: 35px;right: 25px;width: 400px;">
							<select name="type" id="yltype" class="form-control"
								style="width: 40%;display: inline-block;">
								<option value="0">请选择</option>
								<option value="1">猫</option>
								<option value="2">狗</option>
							</select>
							<input type="text" class="input-success form-control"
								style="width: 40%;display: inline-block;" id="yltitle">
							<button class="btn btn-info btn-sm" id="selectyl" style="outline: none;">查询</button>
						</div>
					</div>
					<div style="margin-top:10px">
						<ul class="media-list" id="lingyang-list3">
							<!-- <li class="media ly-cell-con">
								<a class="pull-left" href="AdoptDetails.html">
									<img src="../images/ad1.jpg" alt="我有一只蓝猫想找个好主人" style="width: 130px; height: 100px">
								</a>
								<div class="media-body">
									<a href="AdoptDetails.html">
										<h4 class="media-heading"> 网友惩罚犯错儿子，狗狗在旁边被吓得也不敢动</h4>
									</a>
									<div>
										<p style="height: 40px; overflow: hidden;font-size: 12px;">
											如果你的兄弟姐妹因为做错事被父母吵了，而当时你正好在场，你会不会觉得很尴尬呢！感觉随时父母的矛头都会对准自己，万一转移到自己的身上就不好了。所以做什么都会小心翼翼的！
										</p>
									</div>
									<div style="text-align: right;">
										<p style="font-size: 12px;color: #ccc;">2023-11-11</p>
									</div>
								</div>
							</li> -->
						</ul>

						<div class="clearfix" style="padding: 20px 0 0 0">
						</div>
						<div class="text-center hidden-xs" style="margin-left: 256px;">
							<ul class="pagination">
								<li class="active"><a href="javascript:void(0)" id="firstpage2" title="首页">首页</a></li>
								<li><a href="javascript:void(0)" id="prevpage2" title="上一页">上一页</a></li>
								<li><a href="javascript:void(0)" id="nextpage2" title="下一页">下一页</a></li>
								<li><a href="javascript:void(0)" id="lastpage2" title="最后一页">尾页</a></li>
								<li style="margin-left: 20px;">第<input type="text" id="pagenum2" value="1" />页
									<input type="button" value="GO" id="go-page2" style="" />
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-xs-12 hidden-xs hidden-sm">
					<div class="pin-wrapper" style="height: 852px;">
						<h4
							style="margin-top: 60px;color: #0c8687;width: 100%;height: 27px;border-bottom: 2px #ddd solid;">
							最新看点</h4>
						<style>
							.ul-news {
								list-style: none;
								font-size: 14px;
							}

							.ul-news p {
								margin: 10px 0;
							}
						</style>
						<div class="ul-news" id="petyl2">
						</div>

					</div>
				</div>
			</div>
		</div>
		<!-- 宠物孕事 -->
		<div class="page-container  page-ys" style="position: relative;">
			<span class="label label-warning hidden-xs" style="position: absolute;top: 50px;left: 10px;">宠物孕事</span>
			<div class="row" id="lingyangList_page shop_list_page">
				<div class="col-md-9" style="margin-top: 10px;">
					<div class="pin-wrapper" style="height: 60px;">
						<div style="position: absolute;top: 35px;right: 25px;width: 400px;">
							<select name="type" id="ystype" class="form-control"
								style="width: 40%;display: inline-block;">
								<option value="1">请选择</option>
								<option value="1">猫</option>
								<option value="2">狗</option>
							</select>
							<input type="text" class="input-success form-control"
								style="width: 40%;display: inline-block;" id="ystitle">
							<button class="btn btn-info btn-sm" id="selectys" style="outline: none;">查询</button>
						</div>
					</div>
					<div style="margin-top:10px">
						<ul class="media-list" id="lingyang-list4">
							<!-- 	<li class="media ly-cell-con">
								<a class="pull-left" href="AdoptDetails.html">
									<img src="../images/ad1.jpg" alt="我有一只蓝猫想找个好主人" style="width: 130px; height: 100px">
								</a>
								<div class="media-body">
									<a href="AdoptDetails.html">
										<h4 class="media-heading"> 网友惩罚犯错儿子，狗狗在旁边被吓得也不敢动</h4>
									</a>
									<div>
										<p style="height: 40px; overflow: hidden;font-size: 12px;">
											如果你的兄弟姐妹因为做错事被父母吵了，而当时你正好在场，你会不会觉得很尴尬呢！感觉随时父母的矛头都会对准自己，万一转移到自己的身上就不好了。所以做什么都会小心翼翼的！
										</p>
									</div>
									<div style="text-align: right;">
										<p style="font-size: 12px;color: #ccc;">2023-11-11</p>
									</div>
								</div>
							</li> -->
						</ul>

						<div class="clearfix" style="padding: 20px 0 0 0">
						</div>
						<div class="text-center hidden-xs" style="margin-left: 256px;">
							<ul class="pagination">
								<li class="active"><a href="javascript:void(0)" id="firstpage3" title="首页">首页</a></li>
								<li><a href="javascript:void(0)" id="prevpage3" title="上一页">上一页</a></li>
								<li><a href="javascript:void(0)" id="nextpage3" title="下一页">下一页</a></li>
								<li><a href="javascript:void(0)" id="lastpage3" title="最后一页">尾页</a></li>
								<li style="margin-left: 20px;">第<input type="text" id="pagenum3" value="1" />页
									<input type="button" value="GO" id="go-page3" style="" />
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-xs-12 hidden-xs hidden-sm">
					<div class="pin-wrapper" style="height: 852px;">
						<h4
							style="margin-top: 60px;color: #0c8687;width: 100%;height: 27px;border-bottom: 2px #ddd solid;">
							最热看点</h4>
						<style>
							.ul-news {
								list-style: none;
								font-size: 14px;
							}

							.ul-news p {
								margin: 10px 0;
							}
						</style>
						<div class="ul-news" id="petys2">		
						</div>

					</div>
				</div>
			</div>
		</div>
		<!-- 饲养护理 -->
		<div class="page-container  page-syhl" style="position: relative;">
			<span class="label label-warning hidden-xs" style="position: absolute;top: 50px;left: 10px;">饲养护理</span>
			<div class="row" id="lingyangList_page shop_list_page">
				<div class="col-md-9" style="margin-top: 10px;">
					<div class="pin-wrapper" style="height: 60px;">
						<div style="position: absolute;top: 35px;right: 25px;width: 400px;">
							<select name="type" id="hltype" class="form-control"
								style="width: 40%;display: inline-block;">
								<option value="0">请选择</option>
								<option value="1">猫</option>
								<option value="2">狗</option>
							</select>
							<input type="text" class="input-success form-control"
								style="width: 40%;display: inline-block;" id="hltitle">
							<button class="btn btn-info btn-sm" style="outline: none;" id="selecthl">查询</button>
						</div>
					</div>
					<div style="margin-top:10px">
						<ul class="media-list" id="lingyang-list5">
							<li class="media ly-cell-con">
								<a class="pull-left" href="AdoptDetails.html">
									<img src="../images/ad1.jpg" alt="我有一只蓝猫想找个好主人" style="width: 130px; height: 100px">
								</a>
								<div class="media-body">
									<a href="AdoptDetails.html">
										<h4 class="media-heading"> 网友惩罚犯错儿子，狗狗在旁边被吓得也不敢动</h4>
									</a>
									<div>
										<p style="height: 40px; overflow: hidden;font-size: 12px;">
											如果你的兄弟姐妹因为做错事被父母吵了，而当时你正好在场，你会不会觉得很尴尬呢！感觉随时父母的矛头都会对准自己，万一转移到自己的身上就不好了。所以做什么都会小心翼翼的！
										</p>
									</div>
									<div style="text-align: right;">
										<p style="font-size: 12px;color: #ccc;">2023-11-11</p>
									</div>
								</div>
							</li>
						</ul>

						<div class="clearfix" style="padding: 20px 0 0 0">
						</div>
						<div class="text-center hidden-xs" style="margin-left: 256px;">
							<ul class="pagination">
								<li class="active"><a href="javascript:void(0)" id="firstpage4" title="首页">首页</a></li>
								<li><a href="javascript:void(0)" id="prevpage4" title="上一页">上一页</a></li>
								<li><a href="javascript:void(0)" id="nextpage4" title="下一页">下一页</a></li>
								<li><a href="javascript:void(0)" id="lastpage4" title="最后一页">尾页</a></li>
								<li style="margin-left: 20px;">第<input type="text" id="pagenum4" value="1" />页
									<input type="button" value="GO" id="go-page4" style="" />
								</li>
							</ul>
						</div>
					</div>
				</div>
				<div class="col-md-3 col-xs-12 hidden-xs hidden-sm">
					<div class="pin-wrapper" style="height: 852px;">
						<h4
							style="margin-top: 60px;color: #0c8687;width: 100%;height: 27px;border-bottom: 2px #ddd solid;">
							最新看点</h4>
						<style>
							.ul-news {
								list-style: none;
								font-size: 14px;
							}

							.ul-news p {
								margin: 10px 0;
							}
						</style>
						<div class="ul-news" id="pethl2">
						</div>

					</div>
				</div>
			</div>
		</div>
		<!-- 病症百科 -->
		<div class="page-container  page-bzbk" style="position: relative;">
			<span class="label label-warning hidden-xs" style="position: absolute;top: 50px;left: 10px;">病症百科</span>
			<div class="row" id="lingyangList_page shop_list_page">
				<div class="col-md-9" style="margin-top: 10px;">
					<div class="pin-wrapper" style="height: 60px;">
						<div style="position: absolute;top: 35px;right: 25px;width: 400px;">
							<select name="type" id="bztype" class="form-control"
								style="width: 40%;display: inline-block;">
								<option value="0">请选择</option>
								<option value="1">猫</option>
								<option value="2">狗</option>
							</select>
							<input type="text" class="input-success form-control"
								style="width: 40%;display: inline-block;" id="bztitle">
							<button class="btn btn-info btn-sm" id="selectbz" style="outline: none;">查询</button>
						</div>
					</div>
					<div style="margin-top:10px">
						<ul class="media-list" id="lingyang-list6">
						<!-- 	<li class="media ly-cell-con">
								<div class="media-body">
									<a href="AdoptDetails.html">
										<h4 class="media-heading">犬埃利希氏体病</h4>
									</a>
									<div>
										<p style="height: 40px; overflow: hidden;font-size: 12px;">
											<span>概述：</span>
											<span>犬埃利希氏体病由犬埃利希氏体引起，其主要发生于犬科动物中的一种急性或慢性传染病。临床症状主要表现为发热、呕吐、黄疸、进行性消瘦和严重贫血等。</span>
										</p>
									</div>
									<div>
										<p style="height: 40px; overflow: hidden;font-size: 12px;">
											<span>原因：</span>
											<span>主要是由犬埃利希氏体引起，棕色的血红扇头蜱是本病的传播媒介，通过吸吮作用将携带的病原体传染给健康犬。</span>
										</p>
									</div>
								</div>
							</li> -->

						</ul>

						<div class="clearfix" style="padding: 20px 0 0 0">
						</div>
						<div class="text-center hidden-xs" style="margin-left: 256px;">

							<ul class="pagination">
								<li class="active"><a href="javascript:void(0)" id="firstpage5" title="首页">首页</a></li>
								<li><a href="javascript:void(0)" id="prevpage5" title="上一页">上一页</a></li>
								<li><a href="javascript:void(0)" id="nextpage5" title="下一页">下一页</a></li>
								<li><a href="javascript:void(0)" id="lastpage5" title="最后一页">尾页</a></li>
								<li style="margin-left: 20px;">第<input type="text" id="pagenum5" value="1" />页
									<input type="button" value="GO" id="go-page5" style="" />
								</li>
							</ul>

						</div>
					</div>
				</div>
				<div class="col-md-3 col-xs-12 hidden-xs hidden-sm">
					<div class="pin-wrapper" style="height: 852px;">
						<h4
							style="margin-top: 60px;color: #0c8687;width: 100%;height: 27px;border-bottom: 2px #ddd solid;">
							经常访问</h4>
						<style>
							.ul-news {
								list-style: none;
								font-size: 14px;
							}

							.ul-news p {
								margin: 10px 0;
							}
						</style>
						<div class="ul-news" id="petbz2">
						</div>

					</div>
				</div>
			</div>
		</div>
		<!--/header-->
		<!--footer-->
		<div class="footer">
			<div class="container">
				<div class="copy-rights">
					<p>Copyright &copy; 2023.Company <a target="_blank" href="index.html">you宠</a></p>
				</div>

			</div>
		</div>
		<!--/footer-->
		<!-- 分页样式 -->
		<script>
			$(function() {
				$(".pagination li").click(function() {
					$(this).children("a").css("color", "#fff");
					$(this).children("a").css("cursor", "default");
					$(this).children("a").css("background-color", "#0c8687");
					$(this).children("a").css("border-color", "#0c8687");
					$(this).siblings().children("a").css("color", "#bbb");
					$(this).siblings().children("a").css("cursor", "default");
					$(this).siblings().children("a").css("background-color", "#fff");
					$(this).siblings().children("a").css("border-color", "#ddd");
				})
			})
		</script>

		<script type="text/javascript">
			$(function() {
				let index = 1;
				let pages = 1; //总页数
				petdesc();
				$(".cl-effect-21 li a").click(function() {
					$(this).attr("class", "active");
					$(this).parent().siblings().children().attr("class", "");
				})
				$(".lidiv").mouseenter(function() {
					$(this).children("div").css("opacity", "1");
				});
				$(".lidiv").mouseleave(function() {
					$(this).children("div").css("opacity", "0");
				});
				$("#cwjs").click(function() {
					$(".page-xl").css("display", "none");
					$(".page-yl").css("display", "none");
					$(".page-ys").css("display", "none");
					$(".page-syhl").css("display", "none");
					$(".page-bzbk").css("display", "none");
					$(".page-cwjs").css("display", "block");
					index = 1;
				})
				$("#cwxl").click(function() {
					$(".page-xl").css("display", "block");
					$(".page-yl").css("display", "none");
					$(".page-ys").css("display", "none");
					$(".page-syhl").css("display", "none");
					$(".page-bzbk").css("display", "none");
					$(".page-cwjs").css("display", "none");
					index = 1;
					$("#pagenum1").val(1);
					petxl();
				})
				$("#cwyl").click(function() {
					$(".page-xl").css("display", "none");
					$(".page-yl").css("display", "block");
					$(".page-ys").css("display", "none");
					$(".page-syhl").css("display", "none");
					$(".page-bzbk").css("display", "none");
					$(".page-cwjs").css("display", "none");
					index = 1;
					$("#pagenum2").val(1);
					petyl();
				})
				$("#cwys").click(function() {
					$(".page-xl").css("display", "none");
					$(".page-yl").css("display", "none");
					$(".page-ys").css("display", "block");
					$(".page-syhl").css("display", "none");
					$(".page-bzbk").css("display", "none");
					$(".page-cwjs").css("display", "none");
					index = 1;
					$("#pagenum3").val(1);
					petys();
				})
				$("#syhl").click(function() {
					$(".page-xl").css("display", "none");
					$(".page-yl").css("display", "none");
					$(".page-ys").css("display", "none");
					$(".page-syhl").css("display", "block");
					$(".page-bzbk").css("display", "none");
					$(".page-cwjs").css("display", "none");
					index = 1;
					$("#pagenum4").val(1);
					pethl();
				})
				$("#bzbk").click(function() {
					$(".page-xl").css("display", "none");
					$(".page-yl").css("display", "none");
					$(".page-ys").css("display", "none");
					$(".page-syhl").css("display", "none");
					$(".page-bzbk").css("display", "block");
					$(".page-cwjs").css("display", "none");
					index = 1;
					$("#pagenum5").val(1);
					petbz();
				})


				// 宠物介绍
				//点击查询介绍
				$("#selectdesc").click(function() {
					index = 1;
					$("#pagenum").val(1);
					petdesc();
				})
				//前往第几页
				$("#go-page").click(function() {
					let pagenum = $("#pagenum").val();
					if (pagenum > 0) {
						index = pagenum;
					}
					if (pagenum == 0) {
						alert("输入页码需大于0！");
						$("#pagenum").val(1);
						index = 1;
					}
					if (pagenum > pages) {
						alert("输入页码大于最大页数！");
						$("#pagenum").val(1);
						index = 1;
					}
					petdesc();
				})
				//首页
				$("#firstpage").click(function() {
					index = 1;
					$("#pagenum").val(1);
					petdesc();
				})
				//尾页
				$("#lastpage").click(function() {
					$("#pagenum").val(pages);
					index = pages;
					petdesc();
				})
				//上一页
				$("#prevpage").click(function() {
					if (index >= 2) {
						index = index - 1;
						$("#pagenum").val(index);
					} else {
						alert("当前已是第一页！");
					}
					petdesc();
				})
				//下一页
				$("#nextpage").click(function() {
					if (index < pages) {
						index = index + 1;
						$("#pagenum").val(index);
					} else {
						alert("当前已是最后一页！");
					}
					petdesc();
				})

				function petdesc() {
					let type = $("#desctype").val();
					let bname = $("#bname").val();
					$.post('http://localhost:80/ct/petdesc1', {
						"index": index,
						"type": type,
						"bname": bname
					}, function(res) {
						console.log(res);
						$("#petdesc-li").children().remove();
						$(res.records).each(function(i, e) {
							let lis = "<li>" +
								"<div class='lidiv'>" +
								"<a href='petdetail.html?bid="+e.bid+"'><img src='../images/" + e.bfile + "' alt='" + e.bname + "'></a>" +
								"</div>" +
								"<div class='txtdiv'><a href='petdetail.html?bid="+e.bid+"' target='_blank'><em>" + e.bname +
								"</em></a></div>" +
								"</li>";
							$("#petdesc-li").append(lis);
						});
						pages = res.pages;
					}, "json");

				}

				//宠物训练			
				$("#selectxl").click(function() {
					index = 1;
					$("#pagenum1").val(1);
					petxl();
				})
				//前往第几页
				$("#go-page1").click(function() {
					let pagenum = $("#pagenum1").val();
					if (pagenum > 0) {
						index = pagenum;
					}
					if (pagenum == 0) {
						alert("输入页码需大于0！");
						$("#pagenum1").val(1);
						index = 1;
					}
					if (pagenum > pages) {
						alert("输入页码大于最大页数！");
						$("#pagenum1").val(1);
						index = 1;
					}
					petxl();
				})
				//首页
				$("#firstpage1").click(function() {
					index = 1;
					$("#pagenum1").val(1);
					petxl();
				})
				//尾页
				$("#lastpage1").click(function() {
					$("#pagenum1").val(pages);
					index = pages;
					petxl();
				})
				//上一页
				$("#prevpage1").click(function() {
					if (index >= 2) {
						index = index - 1;
						$("#pagenum1").val(index);
					} else {
						alert("当前已是第一页！");
					}
					petxl();
				})
				//下一页
				$("#nextpage1").click(function() {
					if (index < pages) {
						index = index + 1;

						$("#pagenum1").val(index);
					} else {
						alert("当前已是最后一页！");
					}
					petxl();
				})

				function petxl() {
					let xltype = $("#xltype").val();
					let title = $("#xltitle").val();
					$.post('http://localhost:80/ct/petxl', {
						"index": index,
						"type": xltype,
						"bname": title
					}, function(res) {
						console.log(res);
						$("#lingyang-list2").children().remove();
						$(res.list).each(function(i, e) {
							let lis2 = "<li class='media ly-cell-con'>" +
								"<a class='pull-left'>" +
								"<img src='../images/" + e.tfilename + "' alt='" + e.traintitle +
								"' style='width: 130px; height: 100px'>" +
								"</a>" +
								"<div class='media-body'>" +
								"<a>" +
								"<h4 class='media-heading'>" + e.traintitle + "</h4>" +
								"</a>" +
								"<div><p style='height: 55px; overflow: hidden;font-size: 12px;'>" + e
								.tdetail + "</p></div>" +
								"<div style='text-align: right;'><p style='font-size: 12px;color: #ccc;'>" +
								e.tdate + "</p></div>" +
								"</div>" +
								"</li>";
							$("#lingyang-list2").append(lis2);
						});
						pages = res.pages;
					}, "json");
				}
				petxl2();

				function petxl2() {
					$.post('http://localhost:80/ct/petxl2', function(res) {
						$("#petxl2").children().remove();
						$(res.list).each(function(i, e) {
							let lis2 = "<p><span>" + (i + 1) + ".</span>" + e.traintitle + "</p>";
							$("#petxl2").append(lis2);
						});
					}, "json");
				}

				//宠物医疗
				$("#selectyl").click(function() {
					index = 1;
					$("#pagenum2").val(1);
					petyl();
				})
				//前往第几页
				$("#go-page2").click(function() {
					let pagenum = $("#pagenum2").val();
					if (pagenum > 0) {
						index = pagenum;
					}
					if (pagenum == 0) {
						alert("输入页码需大于0！");
						$("#pagenum2").val(1);
						index = 1;
					}
					if (pagenum > pages) {
						alert("输入页码大于最大页数！");
						$("#pagenum2").val(1);
						index = 1;
					}
					petyl();
				})
				//首页
				$("#firstpage2").click(function() {
					index = 1;
					$("#pagenum2").val(1);
					petyl();
				})
				//尾页
				$("#lastpage2").click(function() {
					$("#pagenum2").val(pages);
					index = pages;
					petyl();
				})
				//上一页
				$("#prevpage2").click(function() {
					if (index >= 2) {
						index = index - 1;
						$("#pagenum2").val(index);
					} else {
						alert("当前已是第一页！");
					}
					petyl();
				})
				//下一页
				$("#nextpage2").click(function() {
					if (index < pages) {
						index = index + 1;

						$("#pagenum2").val(index);
					} else {
						alert("当前已是最后一页！");
					}
					petyl();
				})

				function petyl() {
					let xltype = $("#yltype").val();
					let title = $("#yltitle").val();
					$.post('http://localhost:80/ct/petyl', {
						"index": index,
						"type": xltype,
						"bname": title
					}, function(res) {
						console.log(res);
						$("#lingyang-list3").children().remove();
						$(res.list).each(function(i, e) {
							let lis2 = "<li class='media ly-cell-con'>" +
								"<a class='pull-left'>" +
								"<img src='../images/" + e.mfilename + "' alt='" + e.mtitle +
								"' style='width: 130px; height: 100px'>" +
								"</a>" +
								"<div class='media-body'>" +
								"<a>" +
								"<h4 class='media-heading'>" + e.mtitle + "</h4>" +
								"</a>" +
								"<div><p style='height: 55px; overflow: hidden;font-size: 12px;'>" + e
								.mdetail + "</p></div>" +
								"<div style='text-align: right;'><p style='font-size: 12px;color: #ccc;'>" +
								e.mdate + "</p></div>" +
								"</div>" +
								"</li>";
							$("#lingyang-list3").append(lis2);
						});
						pages = res.pages;
					}, "json");
				}
				petyl2();

				function petyl2() {
					$.post('http://localhost:80/ct/petyl2', function(res) {
						console.log(res);
						$("#petyl2").children().remove();
						$(res.list).each(function(i, e) {
							let lis2 = "<p><span>" + (i + 1) + ".</span>" + e.mtitle + "</p>";
							$("#petyl2").append(lis2);
						});
					}, "json");
				}

				//宠物孕事
				$("#selectys").click(function() {
					index = 1;
					$("#pagenum3").val(1);
					petys();
				})
				//前往第几页
				$("#go-page3").click(function() {
					let pagenum = $("#pagenum3").val();
					if (pagenum > 0) {
						index = pagenum;
					}
					if (pagenum == 0) {
						alert("输入页码需大于0！");
						$("#pagenum3").val(1);
						index = 1;
					}
					if (pagenum > pages) {
						alert("输入页码大于最大页数！");
						$("#pagenum3").val(1);
						index = 1;
					}
					petys();
				})
				//首页
				$("#firstpage3").click(function() {
					index = 1;
					$("#pagenum3").val(1);
					petys();
				})
				//尾页
				$("#lastpage3").click(function() {
					$("#pagenum3").val(pages);
					index = pages;
					petys();
				})
				//上一页
				$("#prevpage3").click(function() {
					if (index >= 2) {
						index = index - 1;
						$("#pagenum3").val(index);
					} else {
						alert("当前已是第一页！");
					}
					petys();
				})
				//下一页
				$("#nextpage3").click(function() {
					if (index < pages) {
						index = index + 1;

						$("#pagenum3").val(index);
					} else {
						alert("当前已是最后一页！");
					}
					petys();
				})

				function petys() {
					let xltype = $("#ystype").val();
					let title = $("#ystitle").val();
					$.post('http://localhost:80/ct/petys', {
						"index": index,
						"type": xltype,
						"bname": title
					}, function(res) {
						console.log("map:"+res);
						$("#lingyang-list4").children().remove();
						$(res.list).each(function(i, e) {
							let lis2 = "<li class='media ly-cell-con'>" +
								"<a class='pull-left'>" +
								"<img src='../images/" + e.gfilename + "' alt='" + e.gtitle +
								"' style='width: 130px; height: 100px'>" +
								"</a>" +
								"<div class='media-body'>" +
								"<a>" +
								"<h4 class='media-heading'>" + e.gtitle + "</h4>" +
								"</a>" +
								"<div><p style='height: 55px; overflow: hidden;font-size: 12px;'>" + e
								.gdetail + "</p></div>" +
								"<div style='text-align: right;'><p style='font-size: 12px;color: #ccc;'>" +
								e.gdate + "</p></div>" +
								"</div>" +
								"</li>";
							$("#lingyang-list4").append(lis2);
						});
						pages = res.pages;
					}, "json");
				}
				petys2();

				function petys2() {
					$.post('http://localhost:80/ct/petys2', function(res) {
						console.log("map2:"+res);
						$("#petys2").children().remove();
						$(res.list).each(function(i, e) {
							let lis2 = "<p><span>" + (i + 1) + ".</span>" + e.gtitle + "</p>";
							$("#petys2").append(lis2);
						});
					}, "json");
				}

				//宠物护理
				$("#selecthl").click(function() {
					index = 1;
					$("#pagenum4").val(1);
					pethl();
				})
				//前往第几页
				$("#go-page4").click(function() {
					let pagenum = $("#pagenum4").val();
					if (pagenum > 0) {
						index = pagenum;
					}
					if (pagenum == 0) {
						alert("输入页码需大于0！");
						$("#pagenum4").val(1);
						index = 1;
					}
					if (pagenum > pages) {
						alert("输入页码大于最大页数！");
						$("#pagenum4").val(1);
						index = 1;
					}
					pethl();
				})
				//首页
				$("#firstpage4").click(function() {
					index = 1;
					$("#pagenum4").val(1);
					pethl();
				})
				//尾页
				$("#lastpage4").click(function() {
					$("#pagenum4").val(pages);
					index = pages;
					pethl();
				})
				//上一页
				$("#prevpage4").click(function() {
					if (index >= 2) {
						index = index - 1;
						$("#pagenum4").val(index);
					} else {
						alert("当前已是第一页！");
					}
					pethl();
				})
				//下一页
				$("#nextpage4").click(function() {
					if (index < pages) {
						index = index + 1;

						$("#pagenum4").val(index);
					} else {
						alert("当前已是最后一页！");
					}
					pethl();
				})

				function pethl() {
					let xltype = $("#hltype").val();
					let title = $("#hltitle").val();
					$.post('http://localhost:80/ct/pethl', {
						"index": index,
						"type": xltype,
						"bname": title
					}, function(res) {
						console.log(res);
						$("#lingyang-list5").children().remove();
						$(res.list).each(function(i, e) {
							let lis2 = "<li class='media ly-cell-con'>" +
								"<a class='pull-left'>" +
								"<img src='../images/" + e.nfilename + "' alt='" + e.ntitle +
								"' style='width: 130px; height: 100px'>" +
								"</a>" +
								"<div class='media-body'>" +
								"<a>" +
								"<h4 class='media-heading'>" + e.ntitle + "</h4>" +
								"</a>" +
								"<div><p style='height: 55px; overflow: hidden;font-size: 12px;'>" + e
								.ndetail + "</p>" +
								"</div>" +
								"<div style='text-align: right;'><p style='font-size: 12px;color: #ccc;'>" +
								e.ndate + "</p></div>" +
								"</div>" +
								"</li>";
							$("#lingyang-list5").append(lis2);
						});
						pages = res.pages;
					}, "json");
				}
				pethl2();

				function pethl2() {
					$.post('http://localhost:80/ct/pethl2', function(res) {
						console.log(res);
						$("#pethl2").children().remove();
						$(res.list).each(function(i, e) {
							let lis2 = "<p><span>" + (i + 1) + ".</span>" + e.ntitle + "</p>";
							$("#pethl2").append(lis2);
						});
					}, "json");
				}

				//病症百科
				$("#selectbz").click(function() {
					index = 1;
					$("#pagenum5").val(1);
					petbz();
				})
				//前往第几页
				$("#go-page5").click(function() {
					let pagenum = $("#pagenum5").val();
					if (pagenum > 0) {
						index = pagenum;
					}
					if (pagenum == 0) {
						alert("输入页码需大于0！");
						$("#pagenum4").val(1);
						index = 1;
					}
					if (pagenum > pages) {
						alert("输入页码大于最大页数！");
						$("#pagenum4").val(1);
						index = 1;
					}
					petbz();
				})
				//首页
				$("#firstpage5").click(function() {
					index = 1;
					$("#pagenum5").val(1);
					petbz();
				})
				//尾页
				$("#lastpage5").click(function() {
					$("#pagenum5").val(pages);
					index = pages;
					petbz();
				})
				//上一页
				$("#prevpage5").click(function() {
					if (index >= 2) {
						index = index - 1;
						$("#pagenum5").val(index);
					} else {
						alert("当前已是第一页！");
					}
					petbz();
				})
				//下一页
				$("#nextpage5").click(function() {
					if (index < pages) {
						index = index + 1;

						$("#pagenum5").val(index);
					} else {
						alert("当前已是最后一页！");
					}
					petbz();
				})

				function petbz() {
					let xltype = $("#bztype").val();
					let title = $("#bztitle").val();
					$.post('http://localhost:80/ct/petbz', {
						"index": index,
						"type": xltype,
						"bname": title
					}, function(res) {
						console.log(res);
						$("#lingyang-list6").children().remove();
						$(res.list).each(function(i, e) {
							let lis2 = "<li class='media ly-cell-con'>"+
								"<div class='media-body'>"+
									"<a>"+
										"<h4 class='media-heading'>"+e.distitle+"</h4>"+
									"</a>"+
									"<div>"+
										"<p style='height: 40px; overflow: hidden;font-size: 12px;'>"+
											"<span>概述：</span>"+
											"<span>"+e.disdesc+"</span>"+
										"</p>"+
									"</div>"+
									"<div>"+
										"<p style='height: 40px; overflow: hidden;font-size: 12px;'>"+
											"<span>原因：</span>"+
											"<span>"+e.cause+"</span>"+
										"</p>"+
									"</div>"+
								"</div>"+
							"</li>";
							$("#lingyang-list6").append(lis2);
						});
						pages = res.pages;
					}, "json");
				}
				petbz2();
				function petbz2() {
					$.post('http://localhost:80/ct/petbz2', function(res) {
						console.log(res);
						$("#petbz2").children().remove();
						$(res.list).each(function(i, e) {
							let lis2 = "<p><span>" + (i + 1) + ".</span>" + e.distitle + "</p>";
							$("#petbz2").append(lis2);
						});
					}, "json");
				}

			})
		</script>
	</body>
</html>